$(function() {
    // 登录
    var loginArr = JSON.parse($.cookie("logoInfo") || '[]');
    if (loginArr.length == 0) {
        $(".login").html(`
        <span><a href="./register.html">注册</a></span>
        <span><a href="./login.html">登录</a></span>
        <span class="bor">
            <a class="qqq" href="javascript:void(0)">
                <img src="./images/index/cart.png" alt="">
            </a>
        </span>`)
    } else {
        $(".login").html(`
        <span>你好,${JSON.parse($.cookie('logoInfo'))[0].utel}<a href="javascript:void(0)" class="off">[退出]</a></span>
        <span class="bor">
            <a href="./cart.html">
                <img src="./images/index/cart.png" alt="">
            </a>
        </span>`)
    }

    // //登录
    // if ($.cookie("logoInfo") == "" || JSON.parse($.cookie("logoInfo")) == null) {
    //     $(".login").html(`
    //     <span><a href="./register.html">注册</a></span>
    //     <span><a href="./login.html">登录</a></span>
    //     <span class="bor">
    //         <a class="qqq" href="javascript:void(0)">
    //             <img src="./images/index/cart.png" alt="">
    //         </a>
    //     </span>`)
    // } else {
    //     $(".login").html(`
    //     <span>你好,${JSON.parse($.cookie('logoInfo'))[0].utel}<a href="javascript:void(0)" class="off">[退出]</a></span>
    //     <span class="bor">
    //         <a href="./cart.html">
    //             <img src="./images/index/cart.png" alt="">
    //         </a>
    //     </span>`)
    // }

    //退出登录
    $(".login").on("click", ".off", function() {
        $.ajax({
            url: "./api/quit",
            type: "get"
        }).then(function(res) {
            layer.msg(res.msg)
                // $.cookie("logoInfo", null);
            $(window).attr('location', './login.html');
        })
    })

    $(".login").on("click", ".qqq", function() {
        layer.msg('您还没有登录,请登录后在操作', {
            icon: 2,
            offset: 't',
            anim: 6
        });

        setTimeout(function() {
            $(window).attr('location', './login.html');
        }, 2000)
    })



    $.ajax({
        url: "./api/list",
        type: "get"
    }).then(function(res) {
        var strHtml = ``;
        res.forEach(el => {
            strHtml += `
                <a href="./detail.html?id=${el.id}">
                    <li class="item">
                        <div class="item-logo" style="background-image: url('${el.logo}');"></div>
                        <div class="item-point">${el.point}</div>
                        <div class="item-name">${el.name}</div>
                        <div class="item-price">
                            <span class="price-unit">¥ </span>${el.price}
                        </div>
                    </li>
                </a>`;
        });
        $(".box1").html(strHtml);
    })

    //首页列表栏切换
    $(".top li").eq(0).on("click", function() {
        $(window).attr('location', './index.html');
    }).siblings().on("click", function() {
        $(window).attr('location', './list.html');
    })

    //固定导航栏
    $(document).on("scroll", function() {
        if ($(document).scrollTop() > $(".head").height()) {
            $(".top").css({
                position: "fixed",
                top: 0,
                left: 0,
                zIndex: 9999
            })
            $(".category-list-wrap").css("margin-top", $(".top").height())
        } else {
            $(".top").css({
                position: "static",
            })
            $(".category-list-wrap").css("margin-top", 0)
        }
    })

    // //进入详情页
    // $(".van-list .item").on("click", function() {
    //     $(window).attr('location', './detail.html');
    // })

    //返回顶部
    $(document).on("scroll", function() {
        if ($(document).scrollTop() > 900) {
            $(".toTop").css("display", "block");
        } else {
            $(".toTop").css("display", "none");
        }
    })
    $(".toTop").on("click", function() {
        $('html,body').animate({ scrollTop: 0 }, 500);
    })
})